{extend name="public:layoutnhq" /}
{block name="title"}安全中心{/block}
{block name="head"}
<link rel="stylesheet" href="../static/css/user.css">
{/block}
{block name="body"}
{include file="public:header_nhq"/}
<div class="userbox">
    {include file="user/public/left" /}
    <div class="right">
        <div class="mu-usermain-box">
            <div class="user-main-title">
                <h2 class="title">
                    会员信息 <span class="sub"></span>
                </h2>
            </div>
            <div class="user-action-main">
                <div class="mu-order-list">
                    <div class="block-title">
                        账户安全
                    </div>
                    <div class="mu-account-security">
                        <div class="account-info">
                            当前登录账户：{$user_info.username}
                            <a href="{:url('/home/Public/logout',['reurl'=>url('/home/Public/login')])}" class="action-link">
                                更换账户
                            </a>
                        </div>
                        <div class="security-level">
                            <div class="tit">账户安全级别</div>
                            <div class="speed">
                                <div class="bar bar{$level}"></div>
                            </div>
                            <div class="text-info">
                                <span class="level-{$level}"></span> 建议您启动全部安全设置，以保障账户及资金安全。
                            </div>
                        </div>
                        <ul class="security-list">
                            <li class="item">
                                <div class="security-info">
                                    <span class="icon {empty name='user_info.password'} icon1 {else} icon2 {/empty}"></span>
                                    <span>登录密码</span>
                                </div>
                                <div class="text-info">
                                    互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。
                                </div>
                                <a href="{:url('editPassword')}" class="action">修改密码</a>
                            </li>
                            <li class="item">
                                <div class="security-info">
                                    <span class="icon {empty name='user_info.mobile'} icon1 {else} icon2 {/empty}"></span>
                                    <span>手机验证</span>
                                </div>
                                <div class="text-info">
                                    {empty name='user_info.mobile'}
                                    请绑定手机
                                    {else}
                                    您验证的手机：130****5151解除绑定
                                    {/empty}
                                </div>
                                <a href="javascript:;" class="action">
                                    {empty name='user_info.mobile'} 绑定手机 {else} 更换绑定 {/empty}
                                </a>
                            </li>
                            <li class="item">
                                <div class="security-info">
                                    <span class="icon {empty name='user_info.email'} icon1 {else} icon2 {/empty}"></span>
                                    <span>邮箱验证</span>
                                </div>
                                <div class="text-info">
                                    {empty name='user_info.email'}
                                    请绑定邮箱
                                    {else}
                                    您验证的邮箱：130****5151解除绑定
                                    {/empty}
                                </div>
                                <a href="javascript:;" class="action">
                                    {empty name='user_info.mobile'} 绑定邮箱 {else} 更换绑定 {/empty}
                                </a>
                            </li>
                        </ul>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="f-cb"></div>
{include file="public:footer"/}
{/block}
{block name="script"}

{/block}